body { -webkit-text-size-adjust: none; -webkit-user-select: none; background-color: #efefef; overflow-x: hidden; }
blockquote, body, dd, del, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, menu, ol, p, pre, td, textarea, th, ul { color: #333; font-style: normal; font-weight: 400; margin: 0; padding: 0; }
input[type=text], textarea { -webkit-appearance: none; outline: 0; }
button { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
abbr, acronym, fieldset, img { border: 0; }
li, ol, ul { list-style: none; }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:after, q:before { content: ''; }
footer, header, section { display: block; margin: 0; padding: 0; }
a { text-decoration: none; }
img { max-width: 100%; }
html,body{padding-top: 0rem;}
.pageWp { margin: 0 auto;margin-top: 0rem; width: 7.5rem; font-family: '微软雅黑';position: relative;padding-top: 0rem;}
.top{position: fixed;top: 0rem;left: 0rem;width: 100%;z-index: 100}

.header_nav { -webkit-box-pack: justify; background: #393a3f; display: -webkit-box; height: .88rem;;margin: 0px auto;width: 100%;padding-top: 0rem;}
.header_nav .btn_back { background: url(../images/btn_back.png) no-repeat center center; background-size: auto .42rem; display: block; height: .88rem; text-indent: -999em; width: .98rem; }
.header_nav .logo_nav { background: url(../images/logo.png) no-repeat center center; background-size: .98rem auto; height: .88rem; text-indent: -999em; width: .98rem; }
.header_nav .list_nav { background: url(../images/btn_list.png) no-repeat center center; background-size: .1rem auto; height: .88rem; text-indent: -999em; width: 1.02rem; }
.header_nav .line { background: #2e2e32; height: .48rem; left: .98rem; position: absolute; top: .2rem; width: .02rem; }
.main { width: 100%; }

.yuan {margin:0 auto;width: 95%;background: #1B191A;position: relative;}
.yuan div{position:absolute;}
.north{width: 3rem;height: auto;overflow:hidden;margin-left: -1.5rem;left: 50%;top:10%;}
.west{width: 1.6rem;height: auto;overflow:hidden;margin-left: -0.8rem;left: 20%;top: 40%;}
.center{width: 1.6rem;text-align:center;height: auto;overflow:hidden;color: #fff;font-size:0.38rem;margin-left: -0.8rem;left: 50%;top: 48%;font-family: '微软雅黑';}
.east{width: 1.6rem;height: auto;overflow:hidden;margin-right: -0.8rem;right: 20%;top:40%;}
.south{background: #1B191A;text-align:center;color:#fff;font-size:0.1rem;width:2.4rem;height: 2rem;left: 50%;margin-left: -1.2rem;bottom: 12%; vertical-align: middle;}

section .title{color: #3E3A39;font-size: 0.5rem;font-family: '微软雅黑';margin-bottom: 0.1rem;text-align: center;line-height: 0.5rem;margin-top: 0.88rem;}
section .title .title-english{font-size: 0.4rem;margin-top: 0.2rem;font-weight: bolder;}
section .title .title-chinese{font-size: 0.3rem;vertical-align: top}
.log-box{margin: 0 auto;background: #fff;font-size: 0.5rem;width: 80%;padding-top: 0.02rem;margin-top: 0.2rem}
.log-box .title{border-bottom:1px solid #D2D3D3;margin: 0.08rem 0.1rem;padding-bottom: 0.09rem;margin-bottom: 0.04rem;}
.log-box .item{height: 1.37rem;overflow-y:auto;padding: 0.2rem;padding-top: 0.0rem;;}
.title3_inner { font-size:0.4rem;border-left: 0.08rem solid #006bb6;font-weight: bolder; height: .33rem; line-height: .33rem; text-indent: .2rem;margin: 0px 10px 0px 0px;padding: 2px 0}
.list li{font-size: 0.28rem;margin: 0.1rem 0;color: #A9AAAA;font-family: '微软雅黑';}
.list li span{float: right;}
footer{font-size: 0.34rem;width: 100%;position: fixed;text-align: left;bottom: 0.20rem;font-family: '微软雅黑';}
.footer{background: #fff;border-radius: 0.2rem;width:95%;margin: 0 auto;height: 1.1rem; vertical-align: middle;}
.footer div{display: inline-block;text-align: center;float: left;margin: 0.2rem 0px 0.0rem 0.9em;}
.choose-lock{width: 20%;height: 0.4rem;background: #006BB6;border-radius: 25px;color: #fff;height:0.4rem;  line-height:0.4rem;padding: 0.2rem;}
.choose-title{border-left: 1px solid #D7D7D7;padding-left: 0.7rem;height: 0.8rem;margin:0px;line-height: 0.8rem;}
.bg-mohu{position:fixed;top:-187px;left:-288px;width: 375px;height: 576px;background: url(../images/mohu.png) no-repeat center center;}
.left-nav{
    width: 0%;height: 100%;background: #FFFFFF;position: fixed;left: 0rem;top:0.88rem;z-index: 999;
}
.left-nav ul li{padding:0.2rem;padding-top:0rem;padding-left: 0.6rem;font-size: 0.30rem;background: url("../images/no_selected.png") no-repeat}
.left-nav .left-text{width: 4rem;display: none;margin-left: 0.1rem;margin-top:0.2rem;}
.left-nav ul{margin-top: 0.25rem;}
.left-nav ul .selected{background: url("../images/selected.png") no-repeat}
.left-nav ul .disabled{color: #D4D5D5;}
.bg-mohu {
    background-image:url(../images/bg_mohu.png);
    -moz-background-size: 100% 100%; /*  Firefox 3.6 */
    -o-background-size: 100% 100%;/* Opera 9.5 */
    -webkit-background-size: 100% 100%;/* Safari 3.0 */
    background-size: 100% 100%;/*  Firefox 4.0 and other CSS3-compliant browsers */
    -moz-border-image: url(../images/bg_mohu.png) 0; /* Firefox 3.5 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_mohu.png', sizingMethod='scale');/* for < ie9 */
    position: absolute; top: -0.3rem; left: 0rem; height: 100%; width: 100%;
}